<!--添加通知入口-->
<template>
    <div @mousemove="addActive2" @mouseleave="mouseLeave">
        <page-main title="添加通知：" :class="svg2">
            <el-row type="flex" justify="center" :gutter="20">
                <svg-icon name="notice-add" style="width: 10em; height: 10em;" />
            </el-row>
            <el-row type="flex" justify="center">
                <h1>添加通知</h1>
            </el-row>
        </page-main>
    </div>
</template>

<script>
import 'mavon-editor/dist/css/index.css'
import PageMain from '../../components/PageMain/index'
import SvgIcon from '../../components/SvgIcon/index'

export default {
    name: 'AddNotification',
    components: {
        SvgIcon,
        PageMain
    },
    data() {
        return {
            svg2: 'thesvgcolor'
        }
    },
    computed: {
    },
    methods: {
        addActive2() {
            this.svg2 = 'changecolor'
        },
        mouseLeave() {
            this.svg2 = 'thesvgcolor'
        }
    }
}
</script>

<style lang="scss" scoped>
    .center {
        text-align: center;
    }
    .thesvgcolor {
        color: black;
    }
    .changecolor {
        background: #f2f2f2;
        color: #409eff;
    }

</style>
